<!DOCTYPE html>
<html>
<head>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title id="doctitle">index</title>
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta content="telephone=no" name="format-detection"/>
    <meta name="screen-orientation" content="portrait">
    <!-- uc强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap-theme.min.css">
   <link rel="stylesheet" type="text/css" href="css/index.css">
    <!-- Bootstrap Js -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="bootstrap/js/respond.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="js/index.js"></script>
    
    <!-- yuxi.file -->
    <link rel="stylesheet" type="text/css" href="css/yuxi.css">
    <script src="js/yuxi.js"></script>
    
</head>

<body>
		<div class="container" style="width:100%;height:auto; ">
			<div class="row">
			<div class="col-xs-2 head01"><a href="index.html"><img src="images/index_wz_ico1.png" /></a></div>
			<div class="col-xs-2 head02"><a href="#"><img src="images/index_wz_ico2.png" /></a></div>
			<div class="col-xs-2 head03"><a href="dataAnalsis.html"><img src="images/index_wz_ico3.png" /></a></div>
			<div class="col-xs-2 head04"><a href="information.html"><img src="images/index_wz_ico4.png" /></a></div>
			</div>
		</div>
			<div class="index_list " style="background:#fff;width:100%;">
		<div class="margin_b">
			<h5 class="index_tit">Europe</h5>
			<h1 class="index_tit_b">UN warns of winter tragedy as refugee crisis lingres</h1>
			<div>
				<span class="index_tit_s">APP,Assoclated Press+1 more</span>
				<span class="index_space_All">
				<a href="#" class="index_space_s"><img src="images/gongyong_icon1.png" /></a>
				<a href="#" class="index_space_s"><img src="images/gongyong_icon2.png" /></a>
				<a href="#"><img src="images/gongyong_icon3.png" /></a>
				</span>
                <div class="clear"></div>
			</div>
		</div>
		<div class="margin_b">
			<h5 class="index_tit">Politics</h5>
			<h1 class="index_tit_b">UN warns of winter tragedy as refugee crisis lingres</h1>
			<div>
				<span class="index_tit_s">APP,Assoclated Press+1 more</span>
				<span class="index_space_All">
				<a href="#" class="index_space_s"><img src="images/gongyong_icon1.png" /></a>
				<a href="#" class="index_space_s"><img src="images/gongyong_icon2.png" /></a>
				<a href="#" ><img src="images/gongyong_icon3.png" /></a>
				</span>
                <div class="clear"></div>
			</div>
		</div>
		<div class="margin_b">
			<h5 class="index_tit">Americans</h5>
			<h1 class="index_tit_b">UN warns of winter tragedy as refugee crisis lingres</h1>
			<div>
				<span class="index_tit_s">APP,Assoclated Press+1 more</span>
				<span class="index_space_All">
				<a href="#" class="index_space_s"><img src="images/gongyong_icon1.png" /></a>
				<a href="#" class="index_space_s"><img src="images/gongyong_icon2.png" /></a>
				<a href="#" ><img src="images/gongyong_icon3.png" /></a>
				</span>
                <div class="clear"></div>
			</div>
		</div>
		<div class="margin_b">
			<h5 class="index_tit">Politics</h5>
			<h1 class="index_tit_b">UN warns of winter tragedy as refugee crisis lingres</h1>
			<div>
				<span class="index_tit_s">APP,Assoclated Press+1 more</span>
				<span class="index_space_All">
				<a href="#" class="index_space_s"><img src="images/gongyong_icon1.png" /></a>
				<a href="#" class="index_space_s"><img src="images/gongyong_icon2.png" /></a>
				<a href="#"><img src="images/gongyong_icon3.png" /></a>
				</span>
                <div class="clear"></div>
			</div>
		</div>
		<div class="margin_b">
			<h5 class="index_tit">Nation</h5>
			<h1 class="index_tit_b">UN warns of winter tragedy as refugee crisis lingres</h1>
			<div>
				<span class="index_tit_s">APP,Assoclated Press+1 more</span>
				<span class="index_space_All">
				<a href="#" class="index_space_s"><img src="images/gongyong_icon1.png" /></a>
				<a href="#" class="index_space_s"><img src="images/gongyong_icon2.png" /></a>
				<a href="#"><img src="images/gongyong_icon3.png" /></a>
				</span>
                <div class="clear"></div>
			</div>
		</div>
		<div class="loding">
			<span class="loding_more">Load more</span>
		</div>
	</div>
	<div class="translatingbox" style="display:none; width:120px;height:120px;background:rgba(0,0,0,0.7);position:absolute;top:30%;left:35%;color:#fff;text-align:center;line-height:100px; border-radius:5%; box-shadow: 3px 3px 6px #888888; ">Translating</div>

    <div class="allmask"></div>
	<div class="xifanyizhong" style="width:120px;height:120px;background:rgba(0,0,0,0.7);position:absolute;top:30%;left:35%;color:#fff;text-align:center;line-height:100px;">Translating</div>
	<div class="txqq">
		<p class="first_p">Share To</p>
		<dl>
			<dt>
				<img src="images/msg.png" alt="">
			<dt>
			<dd>
				Message
			</dd>
		</dl>
		<dl>
			<dt>
				<img src="images/qq.png" alt="">
			<dt>
			<dd>
				QQ
			</dd>
		</dl>
		<dl>
			<dt>
				<img src="images/wechat.png" alt="">
			<dt>
			<dd>
				WeChat
			</dd>
		</dl>
		<dl>
			<dt>
				<img src="images/weibo.png" alt="">
			<dt>
			<dd>
				MiniBlog
			</dd>
		</dl>
		<p class="close1">Close</p>
		
	</div>
	<div class="share1">
		<p class="first_p">Current news</p>
		<p class="second_p">All news in nailed list(7)</p>
		<p class="third_p">Cancel</p>
	</div>	
	
	
<script type="text/javascript">
$(document).ready(function(){
  $(".head03").click(function(){
	    $(".allmask").show();
	    $(".translatingbox").show();
  });
});
</script>
	
	
</body>
</html>